import { Divider, Steps } from "antd";
import {
    LoadingOutlined,
    SmileOutlined,
    SolutionOutlined,
    UserOutlined,
} from "@ant-design/icons";
const items = [
    { title: "注册", description: "注册用户名及密码", icon: <UserOutlined /> },
    {
        title: "完善信息",
        description: "完善个人信息",
        icon: <SolutionOutlined />,
    },
    { title: "注册成功", description: "个人注册成功", icon: <SmileOutlined /> },
];
const View = () => {
    return (
        <>
            <Divider>基本使用</Divider>
            <Steps current={1} items={items} />
            <Divider>垂直方向</Divider>
            <Steps direction='vertical' current={1} items={items} />
        </>
    );
};

export default View;
